<template>
  <div>
    <banner
      :sightName="sightName"
      :bannerImg="bannerImg"
      :gallaryImgs="gallaryImgs"
    ></banner>
    <!-- 头部标题栏 -->
    <headers></headers>
    <!-- 成人票 -->
    <gategoryList :categoryList="categoryList"></gategoryList>
  </div>
</template>

<script>
import headers from ".//header";

import banner from "./banner";

import gategoryList from "./categoryList";

import axios from "axios";
export default {
  name: "",
  components: {
    gategoryList,
    headers,
    banner,
  },
  props: [],
  data() {
    return {
      id: 0,
      categoryList: [],
      gallaryImgs: [],
      sightName: "",
      bannerImg: "",
    };
  },
  mounted() {
    //获取数据
    this.getlist();
  },
  methods: {
    //获取数据
    getlist() {
      axios.get("/static/mock/detail.json").then((res) => {
        this.categoryList = res.data.data.categoryList;
        this.sightName = res.data.data.sightName;
        this.bannerImg = res.data.data.bannerImg;
        this.gallaryImgs = res.data.data.gallaryImgs;
        console.log(this.bannerImg);
      });
    },
  },
  computed: {},
  watch: {},
  created() {},
};
</script>

<style  scoped>
</style>